<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
</h:head>
<h:body>
	<h:outputStylesheet library="css" name="register.css"  />
	<h3>Welcome to JiraExcelReport!</h3>
	<h3>Please enter your username and password</h3>
    <div id="form" align="left" style="">
        <h:form  id="registerFormId" prependId="false">
                <div id="registerFieldsPnlId">
                    <div id="registerFieldUsrContId">
                        <h:outputText id="outTxtUserNameId" value="Username:" name="outTxtUserNameNm"></h:outputText>
                        <h:inputText id="userName" required="true" value="#{registerBean.userName}" requiredMessage="Please enter username"></h:inputText>
                        <h:outputLabel id="outLblUserNameId" for="userName" name="outLblUserNameNm"></h:outputLabel>
                    </div>
                    <div id="registerFieldPassContId">
                        <h:outputText id="outTxtPasswordId" value="Password:" name="outTxtPasswordNm"></h:outputText>
                        <h:inputSecret id="password"  required="true" value="#{registerBean.password}" requiredMessage="Please enter password" name="inTxtPasswordNm"></h:inputSecret>
                        <h:outputLabel id="outLblPasswordId" for="password" name="outLblPasswordNm"></h:outputLabel>
                    </div>
                </div>
                <div id="loginBtnPanelId">
                    <h:commandButton id="btnRegisterId" value="Register" action="#{registerBean.register}" styleClass="loginPanelBtn"></h:commandButton>
                </div>
        </h:form>
        <h:messages></h:messages>
           <h:graphicImage library="images" name="JIRA.png" width="300px"/>
    </div>
    <div id="excel">
       <h:graphicImage library="images" name="excel.png" width="350px"/>    
    </div>
</h:body>
</html>